<template>
  <div id="personal-setcenter">
    <div class="setcenter-box">
      <NavBar title="设置中心" left-arrow @click-left="onClickLeft" />
      <div class="message">
        <Cell title="昵称" is-link value="bbg" to="./nickname" />
        <Cell title="账号" is-link value="xe159002@126.com" />
      </div>
      <div class="password">
        <Cell title="设置提现密码" is-link to="./withdrawdeposit" />
        <Cell title="修改登录密码" is-link to="./amendregister" />
      </div>
      <div class="cut">
        <Cell title="语言切换" value="中文简体" is-link to="/lang" />
        <div class="setcenter-btn" @click="to('/login')">退出登录</div>
      </div>
    </div>
  </div>
</template>
<script>
import { NavBar, Cell} from "vant";
export default {
  components: {
    NavBar,
    Cell
  },

  data() {
    return {
    };
  },
  
  // 创建时
  created() {

  },

  // 方法
  methods: {
    
    // 跳出
    onClickLeft() {
      console.log("跳出");
      this.$router.go(-1);
    },

    to(to) {
      this.$router.push({ path: to })
    }

  },
};
</script>
<style lang="less" scoped>
#personal-setcenter {
  width: 100vw;
  height: 100vh;
  background-color: #f7f6fb;
  .setcenter-box {
    .message {
      margin-top: 10px;
      background-color: #fff;
    }
    .password {
      margin-top: 10px;
      background-color: #fff;
    }
    .cut {
      margin-top: 10px;
      background-color: #fff;
      padding-bottom: 10px;
      .setcenter-btn {
        width: 355px;
        height: 40px;
        margin: 30px 10px;
        background-color: #cd4e65;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
      }
    }
  }
}
</style>
